<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>{$name}</title>
	<link rel="stylesheet" href="__PLUGIN__/layui/css/layui.css">
	<link rel="stylesheet" href="__CSS__/tupianzhanshi.css">
	<style>
		html,body,.container{
            min-width: 1200px;
        }
		.layui-nav .layui-nav-more{
			display: none;
		}
		.layui-bg-blue{
			background: #177cc6!important;
		}
		.swiper-pagination-bullet{
			width: 18px;
			height: 18px;
		}
	</style>
</head>
<body>
	<div class="container">
		{include file="header"/}
		{include file="nav"/}
		<div class="banner">
			<img src="__IMG__/banner1.jpg" alt="">

		</div>

		<div class="main">
			<div class="main_fx">
				<h1>{$name}</h1>
				<div class="main_dl">
				{volist name='list' id='vo'}
					<a href="{:url('article/getarticledetail')}?id={$vo.id}" target="_blank">
					<dl>
						<dt><img src="{$vo.main_img}" alt=""></dt>
						<dd>{$vo.title}</dd>
					</dl>
					</a>
				{/volist}	
				</div>
			</div>
			
		</div>
		

		{include file="footer"/}
	</div>
<script type="text/javascript" src="__PLUGIN__/layui/layui.js"></script>	

<script>
	layui.use('element', function(){
	  	var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
	  
	  	//监听导航点击
	  	element.on('nav(demo)', function(elem){
	    	//console.log(elem)
	    	layer.msg(elem.text());
	  	});
	});
	
</script>
</body>
</html>
